<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>预案</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="__LAYUI__/css/layui.css" media="all">
  <link rel="stylesheet" href="__STATIC__/plugs/font-awesome/css/font-awesome.min.css" media="all">
</head>
<body>
    <div class="layui-container" style="padding:2%">
        <div class="layui-layer-content" >
             <div class="layui-tab-item layui-show">
                <form class="layui-form layui-clear" action="{:url('rehearse/simulation/setPlan')}" method="post" onsubmit="return false;">
                    <div class="layui-inline">
                        <label class="layui-form-label" style="text-align:left;font-weight:600;">预案</label>
                        <div class="layui-input-inline">
                        	<select name="reservePlanId" lay-filter="reservePlanId" lay-verify="required"  id="reservePlanId" class="reservePlanId" lay-filter="reservePlanId">
                 				<option ></option>
				                {volist name="planlist" id="vo"}
				                <option value="{$vo.id}"  {if !empty($reservePlanId)&&$reservePlanId==$vo.id}selected{/if}>{$vo.title}</option>
				                {/volist}
               				 </select>
                		 </div>
                    </div>
                    <div class="layui-inline">
                        <div class="layui-input-block">
                            <input type="hidden" name="id" value="{$simulationId}">
                            <button class="layui-btn layui-btn-small " lay-submit lay-filter="begin" {if !empty($reservePlanId)}style="display:none;"{/if}> 立即启动预案</button>
                    	</div>
                    </div>
                </form>
        	 </div> 
        <div id="prepView" data-url="{:url('rehearse/simulation/plan')}"></div> 
    </div>
</div>


   
    <script type="text/javascript" src="__LAYUI__/layui.js"></script>
    <script type="text/javascript" src="__JS__/rehearse/plan.js"></script>
 	<script type="text/html" id="detailTemplet">
    	<table class="layui-table" lay-even lay-skin="row">
			<colgroup>
                 <col width="25%">
                 <col width="75%">
            </colgroup>
			<tbody>
  				<tr>
                 	<th class="content"><b>简介</b></th>
                 	<th class="content"><p>{{d.desc}}</p></th>
            	</tr>
				<tr>
					<th class="content"><b>辖区基本情况</b></th>
					<th class="content"><p>{{d.basicSituation}}</p></th>
				</tr>
				<tr>
					<th class="content"><b>应急组织机构及职责</b></th>
					<th class="content"><p>{{d.organization}}</p></th>
				</tr>
				<tr>
					<th class="content"><b>危险目标及特征</b></th>
					<th class="content"><p>{{d.targetFeatures}}</p></th>
				</tr>
				<tr>
					<th class="content"><b>步骤</b></th>
					<th class="content">
						<ul class="layui-timeline">
							{{# for(var i = 0;i < d.scripts.length; i++){ }}
							<li class="layui-timeline-item">
   								 <i class="layui-icon layui-timeline-axis" style="background:rgba(0,0,0,0.2)">{{d.scripts[i].stepIndex}}</i>
    							 <div class="layui-timeline-content layui-text">
                                    <div class="layui-timeline-title">
									  {{d.scripts[i].stepDesc}}
									</div>
                                 </div>
                            </li>
							{{# } }}
						</ul>
					</th>	
				</tr>
			</tbody>
        </table>
    </script>

</body>
</html>           

